<template>
<view  >
	<!-- <view v-for="book in booklist">
	<navigator :url="`/pages/goods/detail?id=${book.id}`" class="bookBox">
		<image class="u-skeleton-fillet  goodsimage" :src="book.cover_url"></image>
		<view class="title u-line-1 u-skeleton-fillet">{{book.title ? book.title : "商品名称"}}</view>
		<view class="u-flex u-row-around">
			<view class="price u-skeleton-fillet">￥ {{book.price}}</view>
			<view class="sales u-skeleton-fillet">销量：{{book.sales}}</view>
		</view>
	</navigator>
	</view> -->
	<u-row gutter="16" class="u-skeleton">
		<u-col
			span="6"
			v-for="(item,id) in booklist"
			:key="id"
		>
		<!-- <view 	v-for="item in booklist"	> -->
		<!-- {{booklist}} -->
	<goodscard  :book="item" /> 
		</u-col>
	</u-row>
	</view>
</view>
</template>

<script>
	import goodscard from './goodslist'
	export default {
		components:{
			goodscard
		},
		name: "goods-card",
		props:{
			booklist:{
				   type: Array,
				        default() {
				          return []
				        }
			}
		},

	}
</script>

<style lang="scss" scoped>
	
</style>
